// 定义系统中的颜色变量

// 主题色
@theme: #4d86ff;
@transparent: transparent;

//菜单new2021/8/11
@menu_bg: #14202e; // 背景
@menu_open_bg: #000000; // 展开菜单背景
@menu_scroll: #1c3159; // 滚动条颜色
@menu_logo_bg: rgba(15, 21, 38, 1);
@menu_one_bg: #14202e; //一级菜单背景
@menu_two_bg: rgba(0, 0, 0, 0.2); //二级菜单背景
@menu_thr_bg: rgba(0, 0, 0, 0.4); //三级级菜单背景
@menu_hover_bg: rgba(0, 0, 0, 0.3);
@menu_hover_text: rgba(255, 255, 255, 0.6); // hover文字
@menu_unsel_text: rgba(255, 255, 255, 0.65); // 未选中文字
@menu_sel_text: #ffffff; // 选中文字
@menu_sel_bg_border: @theme; // 选中边框
@menu_sel_bg: linear-gradient(270deg, rgba(67, 118, 255, 0) 0%, rgba(67, 118, 255, 0.5) 100%); // 选中背景
@menu_arrow_hover: #9ba4be; //箭头hvoer颜色

// Main区域
@main_header_bg: #f0f2f5; // 主区域头部背景
@main_body_bg: #ffffff; // 主区域背景

// section(块级）
@section_bg: #fafbfc; // 为了页面布局清晰添加的块背景
@section_bg2: #f8f8f8; // 为了页面布局清晰添加的块背景2
@section_border: #e4e7ee; // 页面中分割线
@section_shadow: rgba(0, 0, 0, 0.1); // 背景阴影
@section_border2: rgba(77, 134, 255, 0.4); //边框颜色
@section_split_border: #979797; //上下分割线
// 文本
@text_main: #444444; // 主要文本
@text_auxiliary: #999999; // 辅助文本
@text_secondary: #666666; // 介于主要和辅助之间的文本颜色
@text_red: #ff0100; // 正红负绿时展示红色
@text_green: #00a62f; // 正红负绿时展示绿色
@text_prohibit: #ca0000; // 禁止红色
// 背景色
@red_bg: rgba(255, 1, 0, 0.1); // 正红负绿时绿色背景
@green_bg: rgba(0, 166, 47, 0.1); // 正红负绿时红色背景
@block_bg: #e6f7ff;
@border_opacity: rgba(0, 0, 0, 0.4);

// 一级标题
@first_level_title_main: @theme; // 一级标题主背景色
@first_level_title_auxiliary: #e7e9f0; // 一级标题辅助背景色
@first_level_title_text: @text_main; // 一级标题文本色

// 二级标题
@second_level_title_main: @theme;
@second_level_title_text: @text_main; // 二级标题文本色

// button
@butt_primary: linear-gradient(216deg, #96bcff 0%, #4376ff 100%); //button背景颜色
@butt_primary_hover: linear-gradient(206deg, #7ba0e4 0%, #355ecc 100%);
@butt_text: #ffffff;
@butt_text-b: #000;
@butt_disable_color: rgba(0, 0, 0, 0.25);
@butt_disable_bg: #f0f3f8;
@butt_disable_border: rgba(67, 118, 255, 0.2);
@butt_control: #555;
@butt_ghost: rgba(67, 118, 255, 1); //辅助按钮
@butt_link_text: #355ecc;
@butt_active_color: rgba(85, 134, 255, 0.1); //按钮激活的状态

// form
@form_border: #999999; // form元素的边框
@form_hover_border: @theme; // form元素hover时的边框
@form_focus_border: @theme; // form元素focus时的边框
@form_star: #f5222d; // 必填项前的*
@form_error: #ff4d4f; //form报错
// table
@table_header_bg: #f0f3f8; // 表格头部背景
@table_header_text: rgba(0, 0, 0, 0.8); // 表格头部文本
@table_body_text: rgba(0, 0, 0, 0.65); // 表格内容文本
@table_odd_bg: #ffffff; // 奇数行背景
@table_even_bg: #f3f4f7; // 偶数行背景
@table_butt: @theme; // 操作按钮
@table_butt_disable: @number_disabled_color; // 操作按钮的disable状态
@table_row_bg: #e5edff; // 表格选中颜色
@table_border: rgba(151, 151, 151, 0.4); //表格框线
@table_bg: #bae1f1;
@table_expand_icon: @theme;
@table_expand_icon_border_bg: rgba(67, 118, 255, 0.2);
@table_nodata_text: rgba(0, 0, 0, 0.45);
@downWraps: linear-gradient(90deg, #2fb098 0%, rgba(47, 176, 152, 0.2) 99%);
@upWraps: linear-gradient(-90deg, #f4423a 0%, rgba(244, 66, 58, 0.2) 100%);
@table_body_tip_bg: #ffffff;
@table_body_tip_text: rgba(0, 0, 0, 0.65);
@table_tip: #03ba8a;
@tableTip_bg: rgba(3, 186, 138, 0.1);
@table_high_light: #fff1e4; //表格高亮

// 下拉列表（包含树形）
@text_sel_bg: rgb(230, 247, 255); // 选中背景
@text_hover_bg: rgb(230, 247, 255); // hover背景
@text_sel_text: @theme; // 选中字体

// 模态框
@modal_header-bg: @theme;
@modal_header_text: rgba(0, 0, 0, 0.85);
@modal_line: rgba(67, 118, 255, 0.1);

// 无数据无查询背景
@noData-bg: #fafbfc;
@noDataGray-bg: rgba(0, 0, 0, 0.4); // 背景阴影
@tradHolds-bg: #5283ff; // 背景阴影

//资金/持仓可用
@tradHold-bg: rgba(67, 118, 255, 0.05);
@tradHold-text: #444444;
@tradHold-text1: #e4e7ee;
// 特殊颜色
@highlight_red: rgba(255, 1, 0, 0.09);

// 卡片背景颜色
@card_bg: #fafafc;
@info_text: #2fb098;

// inputNumber
@number_border: #d9d9d9;
@number_bg: #ffffff;
@number_disabled_bg: #fafafa;
@number_disabled_color: rgba(0, 0, 0, 0.25);
@number_hover_border: @theme;

// tab
@tab_unselect: #999999; // 未选中时字体颜色
@tab_bg: #f0f2f5; // 背景色
@tab_del: #9c9c9c; // 删除按钮颜色
@tab_selBg: #ffffff; // 选中时背景颜色
@tab_selColor: @theme; // 选中时字体颜色
@tab_split: #d7d7d7; // 分割线颜色
@tab_activeBg: rgba(67, 118, 255, 0.1);
@tabPane_background: rgba(208, 223, 254, 0.35);

// li
@li_selBg: #f3f3f3; //选中时背景颜色
@li_border: #ddd;

//日历颜色
@calendar_bg: rgba(231, 233, 240, 0.2);
@calendar_border: rgba(153, 153, 153, 0.4);
@calendar_inner_border: #e9e9e9;
@calendar_selected_bg: rgba(77, 134, 255, 0.05);
@calendar_li_bg: rgba(153, 153, 153, 0.1);
@calendar_top_bg: rgba(231, 233, 240, 0.19);
@calendar_label_yellow: #f9c400;
@calendar_section_blue_border: #0098ed;
@calendar_section_blue_bg: rgba(0, 152, 237, 0.6);
@calendar_section_yellow_bg: rgba(249, 196, 0, 0.6);
@calendar_gray_bg: #eaeaea;
@calendar_gray_border: #cccccc;
@calendar_text: #4a4a4a;
@calendar_td_hoverBg: #e6f7ff;

//菜单menu
@menu_border: #adb6ba;

//组合定义分割先
@define_border: #dbdbdb;
@define_inner_border: rgba(153, 153, 153, 0.2);

//进度条色值
@step_disable: #bfbfbf;

//拆分产品管理的 付现金色值
@orange_row: rgba(242, 106, 8, 0.29);
//文件选择 色值
@select_btn: rgba(153, 153, 153, 0.22);
//分割线
@split_line: rgba(215, 215, 215, 0.3);
// 高亮状态下的区域色
@high_light_area: #f9cd29;

@border_color: rgba(67, 118, 255, 0.1); // 边框颜色
@text_a_Tag: #4376ff; // a标签颜色
@container_srcoll: #d3d3d3; //内容区域滚动条的颜色

//附件上传
@upload_bg: hsla(224, 100%, 63%, 0.05); // 背景颜色
@unload_progress_line: #4376ff; //进度条颜色
//bar背景色
@barBg_color: rgba(67, 118, 255, 0.05);
@barBorder_color: rgba(67, 118, 255, 0.1);
@barfont_color: rgba(0, 0, 0, 0.65);
// 卡片组件
@cardC_bg: #ffffff;
@cardC_head_bg: rgba(67, 118, 255, 0.05);
@cardC_head_bgRed: #fef8f8;
@cardC_head_bgDark: rgba(21, 73, 192, 0.06);
@cardC_head_border: rgba(67, 118, 255, 0.1);
@cardC_border: rgba(67, 118, 255, 0.2);
@cardC_hover: rgba(67, 118, 255, 0.2);
@cardC_waringBorder: rgba(251, 157, 64, 0.2);
@cardC_waringInner: #fef0e2;
@cardC_waringText: #ff7f02;
@cardC_waringBg: #fef9f4;
@cardC_blueText: #4376ff;
@cardC_blueBg: #4376ff1a;

//评级星星颜色
@rate_star: #ff7f02;
//停牌状态
@stock_status: rgba(0, 0, 0, 0.35);
// 仪表盘颜色
@panel_dateColor: rgba(67, 118, 255, 0.04);
@panel_dateBorder: rgba(67, 118, 255, 0.1) rgba(67, 118, 255, 0.1);
//人行 表格红绿背景色
@row_red: #feebeb;
@row_green: rgba(3, 186, 138, 0.1);
// 无权限页面背景
@no_permission: #ffffff;
@no_permission_font: rgba(0, 0, 0, 0.45);
//表格内部分割线
@line_color: #e8e8e8;
@login_button: linear-gradient(135deg, #96bcff 0%, #4376ff 100%);
@login_title: #333333;
@login_maat_title: linear-gradient(180deg, #026df3 0%, #5294ff 100%);
@login_titletext: #98aed4;

// 下划线color
@underline_color: #0f61ff;

//用户视图
@userView_border: #4a81f0;
@userView_btn_text: #4679ff;
@userView_text: rgba(0, 0, 0, 0.65);
@userView_a_text: #0f61ff;
@userView_white_text: #ffffff;
@userView_red_text: rgba(255, 0, 0, 0.65);
@userView_green_text: #2fb098;

//正红负绿
@arrow_red: #f4423a;
@arrow_green: #2fb098;

// 组合日历
@product_bg: #6998f6;
@trade_bg: #f7dc78;
@action_bg: #858eef;
@register_bg: #95e0ff;
//现金报告 展开说明背景色
@expand_bg: rgba(35, 102, 255, 0.05);
//提示语字体颜色
@info_text: #497aff;

//关闭按钮图标色
@close_btn: #e7e6de80;
